<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>第五章 信息系统管理</title>
    <link rel="stylesheet" href="/static/styles.css">
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const nodes = document.querySelectorAll('.node, .subnode, .subsubnode, .subsubsubnode, .subsubsubsubnode');
            nodes.forEach(node => {
                const targetId = node.getAttribute('data-target');
                if (targetId) {
                    node.addEventListener('click', function() {
                        const target = document.getElementById(targetId);
                        if (target) {
                            target.classList.toggle('hidden');
                            this.classList.toggle('clicked');
                        }
                    });
                }
            });
        });
    </script>
</head>
<body>
    <div class="mindmap-container">
        <!-- 一、软件工程 -->
        <div class="mindmap" id="chapter5.1">
            <div class="node" data-target="section5_1">
                <div class="node-content">
                    <span>一、软件工程</span>
                    <span class="icon">▼</span>
                </div>
            </div>
            <div id="section5_1" class="hidden content-scrollable">
                <!-- 1.1 架构设计 -->
                <div class="subnode" data-target="subsection5_1_1">
                    <div class="subnode-content">
                        <span>1.1 架构设计</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_1_1" class="hidden">
                    <div class="subsubnode" data-target="subsubsection5_1_1_1">
                        <div class="subsubnode-content">
                            <span>软件架构风格</span>
                            <span class="icon">▼</span>
                        </div>
                    </div>
                    <div id="subsubsection5_1_1_1" class="hidden">
                        <div class="subsubsubnode">
                            <ul>
                                <li>数据流风格</li>
                                <li>调用/返回风格</li>
                                <li>独立构件风格</li>
                                <li>仓库风格</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="subsubnode" data-target="subsubsection5_1_1_2">
                        <div class="subsubnode-content">
                            <span>软件架构评估</span>
                            <span class="icon">▼</span>
                        </div>
                    </div>
                    <div id="subsubsection5_1_1_2" class="hidden">
                        <div class="subsubsubnode">
                            <ul>
                                <li>敏感点、权衡点</li>
                                <li>评估方式：基于调查问卷、基于场景、基于度量</li>
                                <li>架构权衡分析法</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 1.2 需求分析 -->
                <div class="subnode" data-target="subsection5_1_2">
                    <div class="subnode-content">
                        <span>1.2 需求分析</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_1_2" class="hidden">
                    <div class="subsubnode" data-target="subsubsection5_1_2_1">
                        <div class="subsubnode-content">
                            <span>需求层次</span>
                            <span class="icon">▼</span>
                        </div>
                    </div>
                    <div id="subsubsection5_1_2_1" class="hidden">
                        <div class="subsubsubnode">
                            <ul>
                                <li>用户需求</li>
                                <li>业务需求</li>
                                <li>系统需求（QFD转换）</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="subsubnode" data-target="subsubsection5_1_2_2">
                        <div class="subsubnode-content">
                            <span>UML建模</span>
                            <span class="icon">▼</span>
                        </div>
                    </div>
                    <div id="subsubsection5_1_2_2" class="hidden">
                        <div class="subsubsubnode" data-target="subsubsubsubsection5_1_2_2_1">
                            <div class="subsubsubnode-content">
                                <span>UML四种关系</span>
                                <span class="icon">▼</span>
                            </div>
                        </div>
                        <div id="subsubsubsubsection5_1_2_2_1" class="hidden">
                            <div class="subsubsubsubnode">
                                <ul>
                                    <li>依赖</li>
                                    <li>关联</li>
                                    <li>泛化</li>
                                    <li>实现</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 1.3 软件设计 -->
                <div class="subnode" data-target="subsection5_1_3">
                    <div class="subnode-content">
                        <span>1.3 软件设计</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_1_3" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>结构化设计（高内聚低耦合）</li>
                            <li>面向对象设计（抽象/封装/设计模式）</li>
                            <li>设计模式分类</li>
                        </ul>
                    </div>
                </div>

                <!-- 1.4 软件实现 -->
                <div class="subnode" data-target="subsection5_1_4">
                    <div class="subnode-content">
                        <span>1.4 软件实现</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_1_4" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>软件配置管理活动</li>
                            <li>软件编码</li>
                            <li>软件测试（静态/动态）</li>
                                <ul>
                                    <li>静态测试：文档检查、代码审查</li>
                                    <li>动态测试：白盒测试、黑盒测试</li>
                                </ul>
                        </ul>
                    </div>
                </div>

                <!-- 1.5 部署交付 -->
                <div class="subnode" data-target="subsection5_1_5">
                    <div class="subnode-content">
                        <span>1.5 部署交付</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_1_5" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>持续交付与部署</li>
                            <li>容器技术（Kubernetes+Docker）</li>
                            <li>部署方案：蓝绿部署、金丝雀部署</li>
                        </ul>
                    </div>
                </div>

                <!-- 1.6 过程管理 -->
                <div class="subnode" data-target="subsection5_1_6">
                    <div class="subnode-content">
                        <span>1.6 过程管理</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_1_6" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>CSMM模型</li>
                            <li>成熟度等级（初始级→创新引领级）</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 二、数据工程 -->
        <div class="mindmap" id="chapter5.2">
            <div class="node" data-target="section5_2">
                <div class="node-content">
                    <span>二、数据工程</span>
                    <span class="icon">▼</span>
                </div>
            </div>
            <div id="section5_2" class="hidden content-scrollable">
                <!-- 2.1 数据建模 -->
                <div class="subnode" data-target="subsection5_2_1">
                    <div class="subnode-content">
                        <span>2.1 数据建模</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_2_1" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>概念/逻辑/物理模型</li>
                            <li>建模过程：需求分析→概念→逻辑→物理</li>
                        </ul>
                    </div>
                </div>

                <!-- 2.2 数据标准化 -->
                <div class="subnode" data-target="subsection5_2_2">
                    <div class="subnode-content">
                        <span>2.2 数据标准化</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_2_2" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>元数据标准化</li>
                            <li>数据元标准化</li>
                            <li>数据分类与编码</li>
                        </ul>
                    </div>
                </div>

                <!-- 2.3 数据运维 -->
                <div class="subnode" data-target="subsection5_2_3">
                    <div class="subnode-content">
                        <span>2.3 数据运维</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_2_3" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>数据存储</li>
                            <li>数据备份</li>
                            <li>数据容灾</li>
                        </ul>
                    </div>
                </div>

                <!-- 2.4 数据开发利用 -->
                <div class="subnode" data-target="subsection5_2_4">
                    <div class="subnode-content">
                        <span>2.4 数据开发利用</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_2_4" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>数据集成</li>
                            <li>数据挖掘</li>
                            <li>数据可视化</li>
                        </ul>
                    </div>
                </div>

                <!-- 2.5 数据库安全 -->
                <div class="subnode" data-target="subsection5_2_5">
                    <div class="subnode-content">
                        <span>2.5 数据库安全</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_2_5" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>安全威胁</li>
                            <li>安全机制（认证/加密）</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 三、系统集成 -->
        <div class="mindmap" id="chapter5.3">
            <div class="node" data-target="section5_3">
                <div class="node-content">
                    <span>三、系统集成</span>
                    <span class="icon">▼</span>
                </div>
            </div>
            <div id="section5_3" class="hidden content-scrollable">
                <!-- 3.1 集成基础 -->
                <div class="subnode" data-target="subsection5_3_1">
                    <div class="subnode-content">
                        <span>3.1 集成基础</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_3_1" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>开放性原则</li>
                            <li>先进性原则</li>
                        </ul>
                    </div>
                </div>

                <!-- 3.2 网络集成 -->
                <div class="subnode" data-target="subsection5_3_2">
                    <div class="subnode-content">
                        <span>3.2 网络集成</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_3_2" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>传输子系统</li>
                            <li>安全子系统</li>
                        </ul>
                    </div>
                </div>

                <!-- 3.3 数据集成 -->
                <div class="subnode" data-target="subsection5_3_3">
                    <div class="subnode-content">
                        <span>3.3 数据集成</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_3_3" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>基本集成</li>
                            <li>多级集成</li>
                        </ul>
                    </div>
                </div>

                <!-- 3.4 软件集成 -->
                <div class="subnode" data-target="subsection5_3_4">
                    <div class="subnode-content">
                        <span>3.4 软件集成</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_3_4" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>CORBA</li>
                            <li>.NET</li>
                        </ul>
                    </div>
                </div>

                <!-- 3.5 应用集成 -->
                <div class="subnode" data-target="subsection5_3_5">
                    <div class="subnode-content">
                        <span>3.5 应用集成</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_3_5" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>集成方法</li>
                            <li>集成技术</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 四、安全工程 -->
        <div class="mindmap" id="chapter5.4">
            <div class="node" data-target="section5_4">
                <div class="node-content">
                    <span>四、安全工程</span>
                    <span class="icon">▼</span>
                </div>
            </div>
            <div id="section5_4" class="hidden content-scrollable">
                <!-- 4.2 安全系统 -->
                <div class="subnode" data-target="subsection5_4_1">
                    <div class="subnode-content">
                        <span>4.2 安全系统</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_4_1" class="hidden">
                    <div class="subsubnode" data-target="subsubsection5_4_1_1">
                        <div class="subsubnode-content">
                            <span>三维安全体系框架</span>
                            <span class="icon">▼</span>
                        </div>
                    </div>
                    <div id="subsubsection5_4_1_1" class="hidden">
                        <div class="subsubsubnode">
                            <ul>
                                <li>X轴：安全机制</li>
                                <li>Y轴：OSI模型</li>
                                <li>Z轴：安全服务</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 4.3 工程基础 -->
                <div class="subnode" data-target="subsection5_4_2">
                    <div class="subnode-content">
                        <span>4.3 工程基础</span>
                        <span class="icon">▼</span>
                    </div>
                </div>
                <div id="subsection5_4_2" class="hidden">
                    <div class="subsubnode">
                        <ul>
                            <li>ISSE-CMM基础</li>
                            <li>风险评估</li>
                            <li>过程保证</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>